<template>
	<view class="content">
		<view class="list2">
			<list  @loadmore="loadmore">
				<cell v-for="(item,index) in list">
					<view class="item"><text>{{ item.name }}</text></view>
				</cell>
			</list>
		</view>
		
		<view style="position: fixed; bottom: 0; left: 0;" @click="chatClick">发送</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: 'Hello',
				list: new Array(600).fill({name: 100})
			}
		},
		onLoad() {
			
		},
		methods: {
			chatClick() {
				let num = this.list[0].name - 1

				this.list.unshift({ name: num })
			},
			loadmore() {
				console.log('执行')
				this.list.push(new Array(40).fill({name: 55}))
			}
		}
	}
</script>

<style>
	.content {
		flex-direction: column;
	}
	.list2 {
		transform: rotate(180deg);
/* 		flex-direction: column;
		flex: 1; */
	}
	.item {
		line-height: 45px;
		transform: rotate(180deg);
	}
</style>
